<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Activity</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="assets/css/activity.style.css"/>
</head>
<body>

<header class="activity-header am-g">
    <div class="col-md-12 am-u-md-12 am-text-center">
        <h1 class="activity-title" data-am-scrollspy="{animation: 'scale-up'}">Amaze UI前端模板开发大赛</h1>
        <h2 class="activity-describe" data-am-scrollspy="{animation: 'slide-left', delay: 300}">创意前端·全“猿”出击</h2>
        <h2 class="activity-describe" data-am-scrollspy="{animation: 'slide-right', delay: 600}">赢iPhone 6S 得高薪</h2>
        <p class="activity-describe" data-am-scrollspy="{animation: 'slide-bottom', delay: 900}">活动时间:9月21日-10月30日</p>
        <a class="am-btn am-btn-default" data-am-scrollspy="{animation: 'fade', delay: 1200}">我要参加</a>
        <a class="am-btn am-btn-default" data-am-scrollspy="{animation: 'fade', delay: 1200}">活动官网</a>
    </div>
</header>

<section class="activity-content am-container am-article">
    <div class="am-article-hd" data-am-scrollspy="{animation: 'scale-up'}">
        <h2 class="section-title am-article-title am-text-center">妹子UI是什么？</h2>
    </div>
    <br/>
    <div class="am-article-bd">
        <p>Amaze UI（昵称“妹子UI”）从2014年8月开源至今，已经一年有余，有幸得到众多前端开发者青睐，Amaze UI这个中国首个HMTL5跨屏前端框架已经日趋完善。 我们知道妹子UI还有很多不足，是我们看不见摸不到的，希望更多喜爱、了解妹子UI的你加入我们，一起打造这个属于国人的前端框架，如果有幸不负所望，那定是我们无上的荣光。</p>
    </div>
</section>

<section class="activity-content am-container am-article">
    <div class="am-article-hd" data-am-scrollspy="{animation: 'scale-up'}">
        <h2 class="section-title am-article-title am-text-center">只要你有创意，妹子UI没有什么不可以！</h2>
    </div>
    <div class="am-article-bd">
        <h3>我们需要什么样的作品？</h3>
        <div class="am-article-lead">
            <ol>
                <li>基于 Amaze UI 开发实用和漂亮的网页模板，可以是响应式网页模板和移动端网页模板，最好是一个功能齐全的网站，包含一些常用的页面和功能。</li>
                <li>遵守 Amaze UI 开发规范，包括：html/css 规范、JS 规范、Web 组件规范兼容性：面向现代浏览器开发，对于 IE8/9 做好优雅降级处理，满足 Amaze UI 对兼容性的要求。</li>
                <li>我们希望你的作品有必要的使用文档、合理的注释、语义化的命名,保证代码的可读性、可维护性、可变更性。</li>
            </ol>
        </div>
        <h3>怎样参加本次大赛？</h3>
        <div class="am-article-lead">
            <ol>
                <li>加入开发大赛QQ群：151206545（让我们可以及时交流）。</li>
                <li>进入AmazeUI官网，下载并了解妹子UI，进行模板开发。</li>
                <li>参赛者比赛作品代码须托管指定代码托管平台：Git@OSC，并在项目说明中标明#AmazeUI开发大赛#（附上线上地址和作品说明就更棒啦）。</li>
                <li>在10月19日—10月23日妹子UI主力工程师会评选出本次大赛获奖作品。</li>
                <li>工作人员会在评选结束的一周内发出大赛奖品、联系面试人员进行面试。</li>
                <li>关注 AmazeUI微信公众号，查看比赛进程和获奖名单。</li>
            </ol>
        </div>
        <h3>优秀的作品将获得什么？</h3>
        <div class="am-article-lead">
            <p>【一等奖】1名：iPhone6s</p>
            <p>【二等奖】2名：亚马逊Kindle 4GB</p>
            <p>【三等奖】10名：Amaze UI主题卫衣</p>
            <p>【特等奖】10名：我们在为妹子UI寻找懂她的你，只要你的作品足够优秀，我们希望你能加入我们（全职、兼职均可），让妹子变得更好、让更多的人喜欢妹子。（获得特等奖的朋友即可获得妹子UI的面试机会，坐标北京中关村，高薪只为优秀的你。）</p>
        </div>
    </div>
</section>

<section class="activity-content am-container am-article">
    <div class="am-article-hd" data-am-scrollspy="{animation: 'scale-up'}">
        <h2 class="section-title am-article-title am-text-center">网页模板案例</h2>
    </div>
    <div class="am-article-bd am-container">
        <a class="col-md-4 am-u-md-4 am-text-center" href="http://amazeui.org/examples/admin-index.html">
            <img src="assets/img/icon_htgl.png" />
            <p>后台管理</p>
        </a>
        <a class="col-md-4 am-u-md-4 am-text-center" href="http://amazeui.org/examples/blog.html">
            <img src="assets/img/icon_bkym.png" />
            <p>博客页面</p>
        </a>
        <a class="col-md-4 am-u-md-4 am-text-center" href="http://amazeui.org/examples/login.html">
            <img src="assets/img/icon_zcym.png" />
            <p>注册页面</p>
        </a>
    </div>
</section>


<section class="activity-content am-container am-article">
    <div class="am-article-hd" data-am-scrollspy="{animation: 'scale-up'}">
        <h2 class="section-title am-article-title am-text-center">职位诱惑</h2>
    </div>
    <div class="am-article-bd">
        <div class="am-article-lead">
            <ul>
                <li>8K—25K高薪职位，你行你就来。</li>
                <li>每年15薪、各种福利拿不停。</li>
                <li>微软核心工程师既是老板又是良师，技术成长飞快。</li>
                <li>全国首个开源前端框架由你打造，成就感爆棚。</li>
            </ul>
        </div>
    </div>
</section>

<section class="activity-content am-container am-article">
    <div class="am-article-hd" data-am-scrollspy="{animation: 'scale-up'}">
        <h2 class="section-title am-article-title am-text-center">合作伙伴墙</h2>
    </div>
    <div class="am-article-bd">
        <p>主办方：xxx</p>
        <p>合作方：xxx</p>
        <p>更多活动信息请联系：xxx</p>
    </div>
</section>

<footer>
    <p>activity template<br/>
        <small>© Copyright XXX. Designed by Misic.</small>
    </p>
</footer>


<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/amazeui.min.js"></script>

<!--[if lt IE 9]>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

</body>
</html>